<!-- 
这个文件定义了一个名为 `Desktop` 的 Vue 组件，用于系统工作桌面页面。 
-->

<template>
    <div class="container">
        <el-row class="row" :gutter="15">
            <el-col :span="6">
                <Weather />
            </el-col>
            <el-col :span="12">
                <NoticeBoard />
            </el-col>
            <el-col :span="6">
                <Calendar />
            </el-col>
        </el-row>
        <el-row class="row" :gutter="15">
            <el-col :span="12">
                <PlaceHolder_1 />
            </el-col>
            <el-col :span="12">
                <PlaceHolder_2 />
            </el-col>
        </el-row>
    </div>
</template>

<script setup>
import Weather from '@/components/main-page/admin/desktop/Weather.vue';
import Calendar from '@/components/main-page/admin/desktop/Calendar.vue';
import NoticeBoard from '@/components/main-page/admin/desktop/NoticeBoard.vue';
import PlaceHolder_1 from '@/components/main-page/admin/desktop/PlaceHolder_1.vue';
import PlaceHolder_2 from '@/components/main-page/admin/desktop/PlaceHolder_2.vue';
</script>

<style scoped>
.container {
    height: 100%;
}

.row {
    height: 50%;
    margin-bottom: 40px;
}

.row:last-child {
    height: 45%;
    margin-bottom: 0;
}
</style>